【微信小程序】微信小程序如何使用绝对路径引入资源?

talk is cheap, show me the code.

model
	|- test.js
pages
	|- user
		|- user.js
app.js

经过几番尝试,我想在user.js中引入test.js中的数据,
最终得出结论:微信小程序中不能使用绝对路径引入资源,只能使用相对路径引入资源

import方式引入

相对路径引入 正确

import {data} from '../../model/test.js'

绝对路径引入 报错

import {data} from '/model/test.js'

test.js

const data = 'hello world'
export {
  data
}

require方式引入

相对路径引入 正确

const {data} = require('../../model/test.js')

绝对路径引入 报错

const {data} = require('/model/test.js')

test.js

const data = 'hello world'
module.exports = {
  data
}

解决方案

App({
	require: ($uri) => require($uri),
})

Usage

user.js

const app = getApp()
const {data} = app.require('model/test.js')

Page({
	onLoad: function (options) {
		console.log('test', data)
	},
})

test.js

const data = 'hello world'
module.exports = {
  data
}

参考

segmentfault - 微信小程序 绝对路径 require

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值